<!DOCTYPE html>
<meta charset="UTF-8">
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="./css/calendar.css"/>
	<script type="text/javascript" src="jindo.all.js"></script>
	<script type="text/javascript" src="./jindo_component/source/jindo.Component.js"></script>
	<script type="text/javascript" src="./jindo_component/source/jindo.UIComponent.js"></script>
	<script type="text/javascript" src="./jindo_component/source/jindo.Calendar.js"></script>
	<script type="text/javascript" src="./js/calender.js"></script>
<body>
<div id="layer"> <!-- 기준 엘리먼트 -->
	<div>
		<a href="#" class="rollover calendar-btn-prev-year">이전년</a> <!-- 이전년 버튼 (생략가능) -->
		<a href="#" class="rollover calendar-btn-prev-mon">이전달</a> <!-- 이전달 버튼 (생략가능) -->
		<strong class="calendar-title"></strong> <!-- 달력의 타이틀 (생략가능) -->
		<a href="#" class="rollover calendar-btn-next-mon">다음달</a> <!-- 다음달 버튼 (생략가능) -->
		<a href="#" class="rollover calendar-btn-next-year">다음년</a> <!-- 다음년 버튼 (생략가능) -->
	</div>
	<table cellspacing="0" cellpadding="0">
		<thead>
		<tr>
			<th class="sun">SUN</th>
			<th>MON</th>
			<th>TUE</th>
			<th>WED</th>
			<th>THU</th>
			<th>FRI</th>
			<th class="sat">SAT</th>
		</tr>
		</thead>
		<tbody>
		<tr class="calendar-week"> <!-- 달력의 한 주에 해당하는 엘리먼트 컨테이너 -->
			<td class="calendar-date"></td>
			<!-- 날짜가 표시될 엘리먼트 -->
			<td class="calendar-date"></td>
			<td class="calendar-date"></td>
			<td class="calendar-date"></td>
			<td class="calendar-date"></td>
			<td class="calendar-date"></td>
			<td class="calendar-date"></td>
		</tr>
		</tbody>
	</table>
</div>
</div>
</body>
</html>